<%--
  Created by IntelliJ IDEA.
  User: lsj
  Date: 2025/10/31
  Time: 02:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page pageEncoding="UTF-8" %>
<html>
<head>
  <title>员工详情</title>
  <style>
    body { font-family: Arial, sans-serif; margin: 20px; }
    .detail-container { max-width: 500px; }
    .detail-row { margin-bottom: 15px; padding: 10px; border-bottom: 1px solid #eee; }
    .label { font-weight: bold; color: #666; }
    .value { margin-top: 5px; }
    .btn { padding: 8px 15px; background: #007bff; color: white; text-decoration: none; border-radius: 3px; }
    .btn-secondary { background: #6c757d; }
  </style>
</head>
<body>
<h1>员工详情</h1>

<div class="detail-container">
  <div class="detail-row">
    <div class="label">ID</div>
    <div class="value">${employee.id}</div>
  </div>

  <div class="detail-row">
    <div class="label">姓名</div>
    <div class="value">${employee.name}</div>
  </div>

  <div class="detail-row">
    <div class="label">部门</div>
    <div class="value">${employee.department}</div>
  </div>

  <div class="detail-row">
    <div class="label">职位</div>
    <div class="value">${employee.position}</div>
  </div>

  <div class="detail-row">
    <div class="label">薪资</div>
    <div class="value">${employee.salary}</div>
  </div>

  <div class="detail-row">
    <div class="label">邮箱</div>
    <div class="value">${employee.email}</div>
  </div>

  <div class="detail-row">
    <div class="label">电话</div>
    <div class="value">${employee.phone}</div>
  </div>

  <div class="detail-row">
    <div class="label">入职日期</div>
    <div class="value">${employee.hireDate}</div>
  </div>

  <div class="detail-row">
    <div class="label">创建人</div>
    <div class="value">${employee.createdByName}</div>
  </div>

  <div class="detail-row">
    <div class="label">创建时间</div>
    <div class="value">${employee.createdAt}</div>
  </div>

  <div class="detail-row">
    <a href="employees" class="btn btn-secondary">返回列表</a>
  </div>
</div>
</body>
</html>
